<template>
  <div class="app">
    <router-view></router-view>
    <footer-music v-show="$store.state.isFooterMusic"></footer-music>
    <div class="clearfloat"></div>
  </div>
  
</template>

<script>
import FooterMusic from './components/FooterMusic.vue'

export default {
  components: { FooterMusic },
  name: 'App',
}
</script>

<style type="text/css">
    ::-webkit-scrollbar {
      display: none;/*隐藏滚轮*/
    }
    .app {
      overflow: hidden;
    }
    .icon {
      width: .5em; 
      height: .5em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
    }
    .van-swipe__track {
      height: 100%;
      display: flex;
    }
    .van-popup--right {
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      /* transform: translateX(50%); */
    }
    .van-popup {
      position: fixed;
      /* z-index: 2001; */
      max-height: 100%;
      overflow-y: auto;
      background: var(--van-popup-background-color);
      transition: var(--van-popup-transition);
      /* -webkit-overflow-scrolling: touch; */
    }
    *{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    a{
      color: black;
      text-decoration: none;
    }
</style>
